<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ tag description="Page layout" %>
 
<%@ attribute name="title"       required="true" description="Page title" %>
<%@ attribute name="author"    required="false" description="Name who did the page" %>
<%@ attribute name="keywords"    required="true" description="Page keywords to improve SEO" %>
<%@ attribute name="description" required="true" description="Page description" %>
 
<%@ attribute name="extraHeader" fragment="true" description="Extra code to put before &lt;&#47;head&gt;" %>
<%@ attribute name="extraBottom" fragment="true" description="Extra code to put before &lt;&#47;body&gt;" %>
 
<%@ taglib tagdir="/WEB-INF/tags/template" prefix="template" %>
 
<!DOCTYPE html>
<html lang="pt-br">
  <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="author" content="${author}"/>
        <!-- Displaying the attributes using EL -->
        <meta name="keywords"    content="${keywords}" />
        <meta name="description" content="${description}" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
        
        <title>${title}</title>
 
        <!-- Essential scripts -->
        <!-- Le styles -->
    	<link href="<c:url value="/resources/css/bootstrap.css" />" rel="stylesheet"  type="text/css" />
    	<link href="<c:url value="/resources/css/main.css" />" rel="stylesheet"  type="text/css" />
    	
    	<style>
      	body {
	        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
    	}
    	</style>
    	
    	<link href="<c:url value="/resources/css/bootstrap-responsive.css" />" rel="stylesheet"  type="text/css" />
    	

    	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    	<!--[if lt IE 9]>
      		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    	<![endif]-->

    	<!-- Fav and touch icons -->
    	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png"/>
    	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png"/>
      	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png"/>
        <link rel="shortcut icon" href="ico/favicon.png"/>
    	 
        <!-- Process the given input fragment -->
        <jsp:invoke fragment="extraHeader"/>
    </head>
    <body>
        <!-- Main -->
        <div id="wrapper">
            <!-- Renders the page header -->
            <template:header/>
 
           
	    
    	<!-- Renders the page body -->
   		<div class="container" id="content">
           	<jsp:doBody/>
        </div>
 
        <!-- Renders the page footer -->
        <template:footer/>
        
        <!-- Le Javascript -->
        <!-- Placed at the end of the document so the pages load faster -->
   		<script src="<c:url value="/resources/js/jquery.js"/> "></script>
   		<script src="<c:url value="/resources/js/bootstrap.js"/>" ></script>
    	
    	<!-- o script a seguir deveria ser incluido apena na pagina home -->
   		<script src="<c:url value="/resources/js/home.js"/>" ></script>


    	<!-- os scripts a seguir deveriam ser incluidos apenas na pagina de serraria -->
	    <script src="<c:url value="/resources/js/datepicker/bootstrap-datepicker.js"/>" type="text/javascript"></script>
	    <script src="<c:url value="/resources/js/datepicker/locales/bootstrap-datepicker.pt-BR.js"/>" type="text/javascript"></script>
	    <script src="<c:url value="/resources/js/jquery.maskedinput.min.js"/>" type="text/javascript"></script>
	    <script src="<c:url value="/resources/js/serraria.js"/>" type="text/javascript"></script>    
    		
   		<!-- Process the given input fragment -->
       	<jsp:invoke fragment="extraBottom"/>
    	
    	
    	</div> <!-- End of Wrapper -->
    	
 	</body>
 
</html>